<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="attributeName" label="属性名" width="180" />
    <el-table-column prop="desc" label="说明" width="" />
    <el-table-column prop="defaultValue" label="默认值" width="180" />
  </el-table>
</template>

<script lang="ts" setup>
const tableData = ref([
  {
    attributeName: "pagerCount",
    desc: "设置最大页码按钮数",
    defaultValue: "8",
  },
  {
    attributeName: "total",
    desc: "数据总数",
    defaultValue: "",
  },
  {
    attributeName: "page",
    desc: "当前页码",
    defaultValue: "1",
  },
  {
    attributeName: "limit",
    desc: "每页条数选择器选项",
    defaultValue: "10",
  },
  {
    attributeName: "pageSizes",
    desc: "每页条数",
    defaultValue: "[10, 20, 30, 50]",
  },
  {
    attributeName: "layout",
    desc: "组件布局，子组件名用逗号分隔",
    defaultValue: "total, sizes, prev, pager, next, jumper",
  },
  {
    attributeName: "background",
    desc: "是否为背景色",
    defaultValue: "false",
  },
  {
    attributeName: "small",
    desc: "是否为小型分页",
    defaultValue: "false",
  },
]);
</script>

<style>
</style>